<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
  <meta charset="UTF-8">
  <title>个人中心</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="css/style.css"/>
  <script>
    (function (size) {
      var docEl = document.documentElement,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
          recalc = function() {
            docEl.style.fontSize = 20*(docEl.clientWidth/size)+'px';
          };
      window.addEventListener(resizeEvt, recalc, false);
      recalc();
    })(375);
  </script>
</head>
<body>
<section class="wapper container">
  <div class="rank-window">
    <ul class="rank-box">
      <li>
        <span class="rank-num">1</span>
        <div class="user-header rank-head"><i style="background-image: url(img/qb.jpg);"></i></div>
        <p class="user-name rank-name">撒的发生讲课费</p>
        <span class="rank-start">360</span>
      </li>
      <li>
        <span class="rank-num">2</span>
        <div class="user-header rank-head"><i style="background-image: url(img/qb.jpg);"></i></div>
        <p class="user-name rank-name">撒的发生讲课费</p>
        <span class="rank-start">360</span>
      </li>
      <li>
        <span class="rank-num">3</span>
        <div class="user-header rank-head"><i style="background-image: url(img/qb.jpg);"></i></div>
        <p class="user-name rank-name">撒的发生讲课费</p>
        <span class="rank-start">320</span>
      </li>
      <li>
        <div class="pints"><i></i><i></i><i></i></div>
      </li>
      <li>
        <span class="rank-num">130</span>
        <div class="user-header rank-head"><i style="background-image: url(img/qb.jpg);"></i></div>
        <p class="user-name rank-name">撒的发生讲课费</p>
        <span class="rank-start">10</span>
      </li>
    </ul>
  </div>
</section>

<script src="lib/zepto.min.js"></script>
</body>
</html>
